<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>编辑家谱-目录</title>
    <link rel="stylesheet" href="font-family/iconfont.css">
    <link rel="stylesheet" href="../css/app-jpshow/jpshow_style.css">
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script src="js/jpshow.js"></script>
</head>
<body class="jp-edit-bg">
<div class="jp-edit">
    <div class="jp-edit-title jp-edit-t jp-edit-border">
        杨薇的家庭谱
    </div>
    <div class="jp-edit-subtitle jp-edit-t">
        怀旧岁月
    </div>
    <div class="jp-edit-english jp-edit-t">
        Nostalgic years
    </div>
    <div class="jp-edit-cover">
        <img src="./images/demo.png" alt="">
    </div>
    <div class="clearfix p-lr">
        <div class="pull-left">
            <div class="jp-edit-border f16">
                主编：杨薇
            </div>
        </div>
        <div class="pull-right">
            <div class="jp-edit-border f16">
                2016年7月
            </div>
        </div>
    </div>
</div>
<div class="jp-edit-option">
    <div class="weui-grids">
        <a href="javascript:;" class="weui-grid">
            <i class="icon iconfont icon-delete m-r-xs"></i>删除
        </a>
        <a href="javascript:;" class="weui-grid text-center">
            <i class="icon iconfont icon-roundadd m-r-xs"></i>增加
        </a>
        <a href="javascript:;" class="weui-grid text-right">
            <i class="icon iconfont icon-down m-r-xs"></i>1<span class="text_lg">/9</span>
        </a>
    </div>
</div>
<div class="jp-actionsheet">
    <div class="weui-mask" id="iosMask" style="opacity: 1;"></div>
    <div class="weui-actionsheet weui-actionsheet_toggle" id="iosActionsheet">
        <div class="weui-actionsheet__menu">
            <div class="weui-actionsheet__cell">目录</div>
            <div class="weui-cells">
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <span class="jp-catalog-name">封面</span>
                        <span class="jp-catalog-count">1P</span>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <span class="jp-catalog-name">扉页</span>
                        <span class="jp-catalog-count">1P</span>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <span class="jp-catalog-name">姓氏源流</span>
                        <span class="jp-catalog-count">1P</span>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <span class="jp-catalog-name">字辈</span>
                        <span class="jp-catalog-count">1P</span>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <span class="jp-catalog-name">世系图表</span>
                        <span class="jp-catalog-count">1P</span>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <span class="jp-catalog-name">家庭相册</span>
                        <span class="jp-catalog-count">1P</span>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <span class="jp-catalog-name">家庭相册</span>
                        <span class="jp-catalog-count">6P</span>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <span class="jp-catalog-name">通讯录</span>
                        <span class="jp-catalog-count">2P</span>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <span class="jp-catalog-name">大事记</span>
                        <span class="jp-catalog-count">3P</span>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </a>
            </div>
        </div>
        <div class="weui-actionsheet__action">
            <div class="weui-actionsheet__cell" id="iosActionsheetCancel"><span class="arrow-down">收缩目录</span></div>
        </div>
    </div>
</div>
</body>
</html>